<template>
  <scroll-view
    class="cv-swipe-action-item"
    scroll-y="true"
    :style="{
      height: `${height}rpx`,
    }"
    @scrolltolower="scrolltolower"
  >
    <slot></slot>
  </scroll-view>
</template>

<script setup lang="ts">
import {
  ref,
  reactive,
  toRefs,
  watch,
  onMounted,
  getCurrentInstance,
} from 'vue'

const emit = defineEmits(['scrolltolower'])
const props = defineProps({
  propData: {
    type: String,
    default: '',
  },
  bgcolor: {
    type: String,
    default: 'transparent',
  },
  height: {
    type: Number,
    default: 300,
  },
  borderRadius: {
    type: Number,
    default: 10,
  },
})
//const { } = toRefs(props);

const scrolltolower = (e: any) => {
  emit('scrolltolower', e)
}

const { data } = toRefs(
  reactive({
    //定义数组和对象
    data: '',
  })
)
</script>
<style lang="scss" scoped>
.cv-swipe-action-item {
  width: 100%;
  background-color: transparent;
}
</style>
